#modal-container {
	width:				100%;
	height:				100%;
	position:			fixed;
	top:				0;
	left:				0;
	display:			none;
	background-color:	rgba(178,178,178,0.8);
}

#modal {
	margin:				38px auto;
	background-color: 	rgba(237,247,255,1);
	padding:			30px;
	
	max-width:			900px;
	width:				80%;
	height:				auto;
	text-align:			center;
	
	
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
	border-radius: 3px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	
	font:				13pt Droid Sans, Arial, Microsoft Sans Serif;
	color:				#001628;
	text-shadow: 		1px 1px 1px #aaa;
	cursor:				default !important;
}

.closemodal {
	position:			relative;
}

b {
	font-weight:		bolder;
}

.closemodal img {
	position: absolute;
	right: -60px;
	top: -60px;
	cursor:	pointer;
}

.thumbbutton {
	padding:			0 20px;
 background-color: #436b75;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#436b75), to(#0c253b)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #436b75, #0c253b); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #436b75, #0c253b); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #436b75, #0c253b); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #436b75, #0c253b); /* Firefox 16+, IE10, Opera 12.50+ */

	font:				9pt Verdana;
	height:				256px;
	display:			inline-block;
	text-decoration:	none;
	
		  -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 20px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
		  
	cursor:		pointer;
	color:		white;
}

.thumbbutton span {
	display: block;
	font-size: 18pt;
	position: relative;
	top: -55px;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 4px 0px;
}

.thumbbutton:hover{
  background-color: #0c253b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0c253b), to(#436b75)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #0c253b, #436b75); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #0c253b, #436b75); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #0c253b, #436b75); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #0c253b, #436b75); /* Firefox 16+, IE10, Opera 12.50+ */

}

.modal-login {
	max-width:			600px;
	width:				80%;
}

.rendac-login-actions {
	margin-top:			20px;
}

.rendac-login-actions li {
	list-style:			circle;
	padding-bottom:		0.2em;
}